html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,img,iframe{border:0;}
li{list-style:none;}
textarea{overflow:auto;resize:none;}
label{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
a,a:hover{text-decoration:none;}
body{background:#fff;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
#app {
	position: absolute;
	top: 0px;
	bottom: 0px;
    width: 100%;
    overflow-y: hidden;
}
.iconfont{
    cursor: pointer;
}
a {text-decoration: none;}

.el-submenu [class^=fa] {
	vertical-align: baseline;
	margin-right: 10px;
}

.el-menu-item [class^=fa] {
	vertical-align: baseline;
	margin-right: 10px;
}

.toolbar {
	background: #f2f2f2;
	padding: 10px; 
	margin: 10px 0px;
	
}
.toolbar .el-form-item {
    margin:0 10px 10px 10px;
}
.fade-enter-active,
.fade-leave-active {
	transition: all .2s ease;
}

.fade-enter,
.fade-leave-active {
	opacity: 0;
}
.content-box {
    width: 88vw;
    height: 100%;
    position: fixed;
    left: 12vw;
    top: 70px;
    background: #EEF1F6;
    padding: 1vh 0;
    overflow: scroll;
}
.content-box>div{
    padding:0 1vw;
}
/* .content-box {
    width: calc(95vw - 210px);
    height: 100%;
    position: fixed;
    left: 220px;
    top: 70px;
    background: #EEF1F6;
    padding: 1vh 3vw;
    overflow: scroll;
} */
.kli {
    display: flex;
    padding: 10px;
    background-color:#cccccc;
}

.kltop {
    display: flex;
    justify-content: space-between;
}

.kltop div {
    margin-top: 10px;
}
.klione{
    margin-bottom: 20px;
}
/* ------------------------------ */

.flex-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 70px;
    border-bottom: 1px solid lightgray;
}

[class^=el-icon-].back {
    display: inline-block;
    background: #136db1;
    width: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    color:#fff;
    cursor: pointer;
    font-size:12px;
}
.flex {
    display: flex;
}
.main {
    display: flex;
    height: 30vh;
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 5px 1px #DDD;
}
.main-left {
    width: 10vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 1vw;
    background-color: #E3E6E7;
}
.main-left h3{
    color:#7e8796;
    height:50px;
    line-height:50px;
    font-size:14px;
}
.main-right {
    display: flex;
    padding: 20px;;
    background: white;
    width: 90vw;
}
.main-right .left-form .ele-form{
    margin-left:20px;
}
.right-form {
    padding-left: 20px;
}
.right-form .ele-text{
    display:block;
    margin-bottom:10px;
}
.right-form textarea{
    width: 25vw;
    height: 200px;
    border-radius: 3px;
    padding: 10px;
    resize: none;
    vertical-align: middle;
    font-size:16px;
    outline:none
}
.budget {
    background-color: #fff;
    line-height: 60px;
    font-size: 18px;
    margin: 10px 0;
    height: 400px;
    overflow-y: auto;
    padding-bottom: 60px;
    justify-content: flex-start
}
.budget .nav{
    padding: 10px;
}
.budget h3{
    display:inline-block;
    margin: 0 20px;
    font-weight: normal;
}
.budget .add-button,
.budget .add-button:focus,
.budget .add-button:hover,
.budget .add-button:active {
    border-radius:15px;
    color:#fff;
	border-color:#136db1;
	background-color:#136db1;
}

.demonstration{
    display: inline-block;
    line-height: 35px;
    margin-right: 5px;
}
.kover{
    overflow-x:scroll;
}
/* .menuleft {
    margin-top: 70px;
    width: 220px;
    box-shadow: 5px 0 5px -5px #CCC;
    height: calc(100vh - 60px);
} */
.menuleft {
    margin-top: 70px;
    width: 12vw;
    box-shadow: 5px 0 5px -5px #CCC;
    height: calc(100vh - 60px);
}
.kblock {
    display: block;
    width: 220px;
}
.menuleft .el-menu{
    background:#fff;
}
.menuleft .el-menu li{
    border-bottom: 1px solid #dfe0e4;
}
.menuleft .el-menu li.li-back-index{
    padding-left:30px !important;
}
.menuleft .el-menu li.li-title{
    padding-left:30px !important;
}
.menuleft .el-menu li.li-items{
    text-indent:40px;
}
.menuleft .el-menu li a{
    color: #333;
    display:block
}
/*打印*/
.printBox{
    margin: -55px 0 0 0;
}
.printBox .center{
    text-align: center;
    line-height: initial
}
.printBox .flex-box{
    line-height: 45px;
}
.printBox .flex-box{
    display:flex;
    justify-content: space-between;
}
.printBox .flex-box .flex-right{
    display:flex;
}
.printBox .text-left{
    text-align: left;
}
.printBox .text-right{
    text-align: right;
}
.printBox table.entity{
    border-left:1px solid #909090;
    border-top:1px solid #909090;
    border-spacing:0;
    width:100%;
}
.printBox table.entity tr:nth-child(even){
    width:18.33333%
}
.printBox table.entity tr:nth-child(odd){
    width:15%;
}
.printBox table.entity tr td{
    text-align:center;
    height:35px;
    line-height:35px;
    border-right: 1px solid #909090;
    border-bottom: 1px solid #909090;
}
.printBox table.entity tr td:nth-child(odd){
    font-weight:bold;
    color:#000;
}
.printBox table.BorrowLine,.Chart{
    border:1px solid #909090;
    width:100%;
    margin-top:10px;
}
.printBox table.BorrowLine tr th,.Chart tr th{
    font-weight:bold;
    text-align:center;
    height:35px;
    line-height:35px;
    color:#000;
    border-right:1px solid #909090;
    border-bottom:1px solid #909090;
}
.printBox table.BorrowLine td,.Chart td{
    text-align:center;
    width:20%;
    height:35px;
    line-height:35px;
    border-right:1px solid #909090;
    border-bottom:1px solid #909090;
    
}

/*清除浮动*/
.clearfix::before,.clearfix::after{
    content:" ";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both
}
.clearfix{
    zoom:1;
}
/* 弹窗 */
.left-form {
    padding-right: 20px;
    line-height: 80px;
    /* border-right: 1px dashed #e5e5e5; */
}
.left-form span.el-tag{
    font-size:18px;
}
.left-form span.text-money{
    line-height: 20px;
	display: inline-block;
    width: 65px;
}
.left-form select {
	width: 180px;
	height: 40px;
    padding-left: 5px;
    border-radius: 5px;
    border: 1px solid lightgray;
}
.applied {
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-indent: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    height: 55px;
    line-height: 55px;
    width: 215px;
    outline: none;
    margin-left:20px;
}
.computed{
    font-size: 1.5rem;
    font-weight: 600;
    vertical-align: top;
    margin-left: 20px;
    height:40px;
    line-height: 65px
}
.applied:focus {
    background: #f8f6d7;
    border: 1px solid #fad090;
}
.bankNum {
    margin-left: 10px;
    font-size: 16px;
    position: absolute;
    top: 30px;
    color: #000;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 4px;
}
.formval-money {
    width: 50% !important;
}
.HideTable {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #dfe6ec;
    line-height: 40px;
    font-size: 14px;
    color: #1f2d3d;
}
.HideTable th {
    background-color: rgb(245,245,245);
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0 18px;
    width: 20%;
    color:#7e8796;
    font-weight:normal
}
.HideTable td {
    text-align: center;
}
.HideTable td span.budgetBalance{
    color: #868686;
    font-weight: bold;
}

.cusTable {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #dfe6ec;
    line-height: 40px;
    font-size: 14px;
    color: #1f2d3d;
}
.cusTable th {
    background-color: rgb(245,245,245);
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0 18px;
    color:#7e8796;
    font-weight:normal
}
.cusTable td {
    text-align: center;
}
.cusTable td span.budgetBalance{
    color: #868686;
    font-weight: bold;
}

.cusTable-tr .oper-btn-wrapper{
    display: none;
}

.cusTable-tr:hover .oper-btn-wrapper{
    display: inline-block;
}








/* 工具条 */
.toolbar{
    padding: 10px 10px 0 10px;
    background:rgba(187, 216, 241, 0.15);
	margin: 10px 0px;
}
.toolbar .title{
    display:inline-flex;
    line-height:5px;
}
.toolbar h2{
    font-weight: 100;
    margin: 0 auto;
    font-size:1.3rem;
}
.toolbar .el-form-item {
    margin:0 10px 10px 10px;
}
/* icon图标间距 */
.iconfont{
    margin-right: 5px;
    margin-left: 5px;
}

/*美化导入元素*/
label.label-file_item {
    display: inline-block;
    width: 60px;
    height: 16px;
    line-height: 1;
    text-align: center;
    background: #fff;
    padding: 5px 0;
    border: 1px solid #c4c4c4;
    font-size: 14px;
    color: #1f2d3d;
    cursor: pointer;
    margin: 0;
    border-radius: 0 4px 4px 0;
    float:left;
}
label.label-file_item .iconfont{
    font-size:12px;
}
/*美化导入元素2*/
label.label-file{
    display: inline-block;
    width: 60px;
    height: 16px;
    line-height: 1;
    text-align: center;
    background: #fff;
    padding: 7px 4px;
    border: 1px solid #c4c4c4;
    font-size: 14px;
    color: #1f2d3d;
    cursor: pointer;
    margin: 0;
    border-radius: 4px;
}
label.label-file:hover,
label.label-file:active,
label.label-file:focus{
    color:#fff;
	border-color:#136db1;
	background-color:#136db1;
}
label.label-file.iconfont{
    font-size:12px;
}
/*隐藏默认样式*/
input[id=file],input[id=file2]{
    position:absolute;
    left: -2000px;
    height: 0;
}

[class*=" el-icon-"], [class^=el-icon-]{
    margin-right:5px;
}
div.el-notification{
    top:250px !important;
    right: 50%;
    margin-right: -165px;
}
div.el-notification div.el-notification__content{
    color:#000;
}
div.el-message{
    top: 40%;
}
/* 沟通 */
ul.Communication{
    max-height: 400px;
    overflow-y: auto;
    max-height: 400px;
    padding: 30px 10px;
    border-radius: 2px;
    border: 1px solid #dfe6ec;
}
ul.Communication img.round{
    width:60px;
    height:60px;
    border-radius: 50%;
    overflow: hidden;
    border: 0;
    vertical-align: middle;
}
ul.Communication .message1{
    width: 355px;
    margin: -10px auto 20px auto;
    background-color: #E9EDF0;
    border-bottom-color:#E9EDF0;/*为了给after伪元素自动继承*/
    color: #000;
    line-height: 18px;
    padding: 5px 12px 5px 12px;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
    word-break: break-all;
}
ul.Communication .message1 p.name{
    padding: 5px 0;
}
ul.Communication .message1 p.name span.el-tag{
    font-size:14px;   
}
ul.Communication .message1 p.content{
    padding: 5px;
    font-size:14px; 
}
ul.Communication .message1 p.date span.el-tag{
    font-size:14px;
}

/* 沟通-改版 */
ul.Communication-Two{
    max-height: 400px;
    overflow-y: auto;
    max-height: 400px;
    padding: 30px 10px;
    border-radius: 2px;
    border: 1px solid #dfe6ec;
}
ul.Communication-Two .Communication-left{
    text-align: center;
    padding-top: 10px;
}
 ul.Communication-Two img.round{
    width:40px;
    height:40px;
    margin-bottom: 4px;
    border-radius: 50%;
    overflow: hidden;
    border: 0;
    vertical-align: middle;
}

ul.Communication-Two .message1{
    height: inherit;
    background-color: #E9EDF0;
    border-bottom-color:#E9EDF0;/*为了给after伪元素自动继承*/
    color: #000;
    line-height: 18px;
    padding: 5px 12px 5px 12px;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
    word-break: break-all;
}
ul.Communication-Two .message1 p.date{
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size:14px;
}
ul.Communication-Two .message1 p.content{
    padding: 5px;
    font-size:14px; 
}
/*
ul.Communication-Two .message1 p.name{
    padding: 5px 0;
}
ul.Communication-Two .message1 p.name span.el-tag{
    font-size:14px;   
}
ul.Communication-Two .message1 p.content{
    padding: 5px;
    font-size:14px; 
}
ul.Communication-Two .message1 p.date span.el-tag{
    font-size:14px;
} */
/*列表页 操作 按钮组*/
.cell .el-button-group .el-button:active,
.cell .el-button-group .el-button:focus,
.cell .el-button-group .el-button:hover,
.cover .el-button:active,
.cover .el-button:focus,
.cover .el-button:hover,
.titles .el-button:focus,
.titles .el-button:active,
.titles .el-button:hover{
    color:#fff;
	border-color:#136db1;
	background-color:#136db1;
}
.gg-bg{
    height:600px;
    background:url(/static/content/images/bg.jpg) no-repeat;
    background-size:100%;
}
.titles .el-button{
    float:right;
    margin-right:10px;
    color:#000;
    background-color:#d2d2d2;
    border-color:#999;
}
.Count{
    width:150px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #bfcbd9;
    box-sizing: border-box;
    color: #1f2d3d;
    font-size: inherit;
    height: 36px;
    line-height: 1.6;
    outline: 0;
    padding: 3px 10px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}
 /*自动继承父元素的border-bottom-color*/
/* ul.Communication .message1::after {
    content: '';
    position: absolute;
    top: 0;
    right: -24px;
    width: 20px;
    height: 20px;
    border-width: 0 0 20px 20px;
    border-style: solid;
    border-bottom-color: inherit;  
    border-left-color: transparent;
    border-radius: 0 0 60px 0;
} */
.not-communication{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.no-Highlights{
    visibility:hidden
}
.red-Highlights,.orange-Highlights{
    font-size:20px;    
}
.red-Highlights{
    color:#FF4949;
}
.orange-Highlights{
    color:#F7BA2A;
}
.el-menu .el-menu-item,.menuleft .el-menu li a{
    /* font-size:14px; */
 /*    color:#000; */
}
.menuleft .el-menu li a:active,.menuleft .el-menu li a:hover{
    color:#20A0FF;
}
.index-entry .index-entry-items1:hover,
.index-entry .index-entry-items1:active,
.index-entry .index-entry-items2:hover,
.index-entry .index-entry-items2:active,
.index-entry .index-entry-items3:hover,
.index-entry .index-entry-items3:active,
.index-entry .index-entry-items4:hover,
.index-entry .index-entry-items4:active{
    color:#20A0FF;
}
.menuleft .el-menu li.li-back-index{
    padding-left:25px !important;
}

a.down{
    display: inline-block;
    width: 48px;
    height: 16px;
    padding: 5px 9px;
    line-height: 1;
    text-align: center;
    background: #50bfff;
    border: 1px solid #50bfff;
    border-color: #50bfff;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin: 10px 0;
    border-radius: 4px;
}
/* 表格 */
caption h3{
    text-align:center;
    line-height:30px;
}
.table-c table {
    border-right: 1px solid #7B7B7B;
    border-bottom: 1px solid #7B7B7B;
}
  
.table-c table td {
    border-left: 1px solid #7B7B7B;
    border-top: 1px solid #7B7B7B;
}
.ListTable {
    width: 100%;
    clear: both;
    border-collapse: collapse;
    border: 1px solid #7B7B7B;
    text-align: center;
    table-layout:fixed;
}
.ListTable td {
    border-collapse: collapse;
    border: 1px solid #7B7B7B;
    padding: 5px;
    line-height: 30px;
}
.ListTable thead td {
    font-weight: bold;
    text-align: center;
}
.Tabletd {
    text-align: left;
    word-break: break-all;
}
.tbTitle {
    width: 13%;
    font-weight: bold;
}
/* end */
.borrow .main-right .left-form .toLeft{
    float:left
}
.borrow .main-right .left-form .toRight{
    float:right
}
@media screen and (min-width: 1680px) {
    div.indexList{
        max-height:700px;
        overflow:scroll
    }
    .borrow .main-right .left-form .toRight{
        margin-right:10px;
    }
    .Income .main-right .left-form .ele-select{
        margin-left:50px;
    }
    .Income .main-right .left-form .element-select{
        margin-left:20px !important;
    }
    .borrow .main-right .left-form .toRight{
        float:right;
        margin-right:110px;
    }
    .expense-title-wrapper .el-textarea{
        margin-left: 20px !important;
        width: 35vw !important;
    }
}
@media screen and (max-width: 1680px) {
    .borrow .main-right .left-form{
        padding-right:0;
        line-height: 65px;
    }
    .borrow .main-right .left-form .toLeft .computed{
        margin-left:10px;
    }
    .borrow .main-right .left-form .toRight{
        float:right;
        margin-right:25px;
    }
    .borrow .main-right .left-form .ele-text,.text-money{
        margin-left:5px;
        width:30%;
    }
    .borrow .main-right .left-form .ele-form{
        margin-left:5px;
        width:66%
    }
    .Work .main-right .left-form{
        line-height:90px;
    }
    .Work .main-right .left-form .ele-select{
        margin-left:0
    }
    .Work .main-right .left-form .applied{
        margin-left:5px;
    }
    .Work .main-right .left-form .ele-select{
        margin-left:5px;
        width:186px;
    }
    .Work .main-right .left-form span.pay{
        width:90px;
    }
    .Work .main-right .right-form textarea{
        height:155px;
    }
    .Work .main-right .left-form .applied{
        width:185px;
    }
    .Income .main-right .left-form .applied{
        margin-left:0px;
    }
    .Income .main-right .right-form textarea{
        height:155px;
    }
    .borrow .main-right .left-form .ele-select{
        margin-left:10px;
        width:186px;
    }
    .borrow .applied{
        margin-left:5px;
        width:195px
    }
    .borrow .main-right .right-form .ele-text{
        display:block;
        margin-bottom: 10px;
    }
    
    .borrow .main-right .right-form textarea{
        height:155px;
    }
    .borrow .bankNum{
        top:22px;
        margin-left:5px;
    }
    .refund .right-form textarea{
        height:150px;
    }
   /*  .main .main-right .left-form .ele-form input{
        width:100px;
    } */
    div.indexList{
        max-height:400px;
        overflow:scroll
    }

    .expense-title-wrapper .el-textarea{
        margin-left: 5px !important;
        width: 30vw !important;
    }
    

}
.border-none >.el-input__inner{
		border: 0px solid #bfcbd9;
		border-radius: 0px;
}
/* 公共样式，鼠标移动变红色 */
.hover-red:hover {
    color: red !important;
}
.full-box{
    width: 100% !important;
}

.full-box .el-input__inner,.money-type-border-none .el-input__inner{
    border-radius: 0 !important;
    border: none !important;
    background: none !important;
    text-align: center;
}

.font-budgetBalance .budgetBalance{
    display: inline-block;
    padding-left: 10px;
    width: 100%;
    font-weight: normal !important;
    font-size: 12px;
    font-family: Arial;
    color: #999 !important;
    text-align: left;
}

.ml20{
    margin-left: 20px !important;
}

.inline-block{
    display: inline-block !important;
}

.border-none >.el-input__inner{
    border: 0px solid #bfcbd9;
    border-radius: 0px;
}
.border-n >.el-button{
    border: 0px solid #bfcbd9;
    border-radius: 0px;
    background-color: #FFFFFF;
}
.th-text-center th{
    text-align: center !important;
}
.border-solid{
    border-bottom: 1px solid lightgray;
    margin: 20px 0;
}

.show-drop .el-select-dropdown{
    display: block !important;
    position:  static !important;
    width: 316px !important;
}

.show-drop .el-input{
    width: 316px !important;
}
.show-drop .el-input__inner{
    border-color: #20a0ff !important;
}

.btn-no-border{
    border: none !important;
    padding: 0 !important;
}
.text-ellipsis{
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.expense-title-wrapper{
    margin-top: 10px !important;
}

.expense-title-wrapper .ele-text{
    position: relative;
    top: -20px;
}




.flex-content{
    width: 60vw !important;
}
.el-menu-vertical-demo li.el-menu-item,
.el-menu-vertical-demo li.el-submenu,{
    margin-left:20px;
}
/* 
.el-menu-vertical-demo a{
    margin-left:10px;
}
 */
 .list-img{
    display: inline-block;
    padding: 0 10px;
    float: left;
    line-height: 1.5;
    cursor: pointer;
}
.list-img img{
    width: 21px;
    height: 21px;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
}
.list-img .font{
    font-size:14px;
}
 .el-table .cell .full-box .el-input__inner{
    padding-left:0px !important;
    padding-right:0px !important;
}
/* 公共样式，鼠标移动变红色 */
.font-red{
    color: red !important;
}
.el-table tr{
    cursor: pointer;
}
.input-Focus {
    border-radius: 0 !important;
    border: none !important;
    width: 70% !important;
}
.input-Focus .el-input__inner{
    background: #89A5F1 !important;
    height:30px;
    border-radius: 0 !important;
    border:1px solid #89A5F1;
    color:#fff;
}
.input-Focus .el-input__inner:focus{
    border-color:#FF4949;
}
.common-icon{
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.common-icon img{
    width:100%;
    height:100%;
}
.common-button-group{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.common-button-group img{
    width:100%;
    height:100%;
}
.InHideTable {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #dfe6ec;
    line-height: 40px;
    font-size: 14px;
    color: #1f2d3d;
}
.InHideTable th{
    background-color: rgb(245,245,245);
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0 5px;
    color: #7e8796;
    font-weight: normal;
}
.InHideTable td{
    text-align: center;
}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1}
 
 
.total-box{
    float: right;
    margin-right: 40px;
    padding-top: 10px;
}

.oper-btn{
    border: none;
    background-color: transparent;
}

.text-align-center{
    text-align: center;
}


.supplier-dialog-cover{
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}

.supplier-wrapper{
    position: relative;
    display: inline-block;
}
.supplier-dialog-wrapper{
    position:absolute;
    left: -180px;
    padding: 10px;
    z-index: 100;

}

.supplier-dialog-box{
    position: relative;
    padding: 20px;
    width: 320px;
    height: 305px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d1dbe5;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
}

.supplier-dialog-wrapper .el-select-dropdown{
    display: block !important;
}

.supplier-wrapper .ele-form{
    margin-left: 0px !important;
}
.kx-arrow{
    display:block;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -8px;
    height:16px;
    width:16px;
    float:left;
}

.kx-arrow em,.kx-arrow span{width:0;height:0;
    border-color:transparent;
    position:absolute;
}
    
    
.kx-arrow-up em{
    border-width:8px; /*边框的高度*/
    border-style:dashed dashed solid dashed;
    border-bottom-color:#d1dbe5; /*边框的颜色*/
    left:0;
    bottom:2px; /*边框的厚度*/
}
.kx-arrow-up span{
    border-width:8px; /*边框的高度*/
    border-style:dashed dashed solid dashed;
    left:0;
    bottom:0;
    border-bottom-color:#fff;/*用白色边框绝对定位盖住多余的部分*/
}

.comPay-wrapper{
    overflow:hidden;
    line-height:36px;
}
.comPay-icon,.comPay-text{
    float: left;
    display: inline-block; 
    box-sizing:border-box;
}
.comPay-icon{
    width:20%;
}
.comPay-text{
    width:80%;
}

.comPay-input{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #bfcbd9;
    box-sizing: border-box;
    color: #1f2d3d;
    font-size: inherit;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 3px 10px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}

/* line-height: 0 的内容 wuhongqing*/
.budget-two {
    background-color: #fff;
    /* line-height: 60px; */
    font-size: 18px;
    margin: 10px 0;
    height: 400px;
    overflow-y: auto;
    padding-bottom: 60px;
    justify-content: flex-start
}
.budget-two .nav{
    padding: 10px;
}
.budget-two h3{
    display:inline-block;
    margin: 0 20px;
    font-weight: normal;
}
.budget-two .add-button,
.budget-two .add-button:focus,
.budget-two .add-button:hover,
.budget-two .add-button:active {
    border-radius:15px;
    color:#fff;
	border-color:#136db1;
	background-color:#136db1;
}

.padding-size-10{padding: 0 10px;}

.Count-text{
    width:150px;
    display: inline-block;
    /* background-color: #fff;
    border-radius: 4px;
    border: 1px solid #bfcbd9; */
    box-sizing: border-box;
    color: #1f2d3d;
    font-size: inherit;
    height: 36px;
    line-height: 1.6;
    outline: 0;
    padding: 3px 10px;
    /* transition: border-color .2s cubic-bezier(.645,.045,.355,1); */
    border-bottom: 1px solid #bfcbd9;
}

.text-right{
    text-align: right;
}

.input-resize-none textarea{
    resize: none !important;
    height: 150px !important;
}

.Work .input-resize-none textarea{
    height: 140px !important;
}

.line-heigth-80{
    line-height: 80px !important;
}

.padding-top-10{
    padding-top: 10px;
}

.padding-top-15{
    padding-top: 15px;
}
.mt-15{
    margin-top: 15px !important;
}

.heigth-textarea-100 textarea{
    height: 100px !important;
}

.name-wrapper{
    display:inline-block;
    width:20%;
}
.assistItem-wrapper{
    display:inline-block;
    width:78%;
}
.margin-left-20{
    margin-left: 20px;
}

.Work .main-right .left-form span.pay{
    width: auto !important;
    margin-right: 20px;
}

.el-dialog__body-padding .el-dialog__body{
    padding-top: 0px;
}

.el-dialog__body-padding .title{
    font-size: 20px;
    color: #000;
}
.mb-15{
    margin-bottom: 15px !important;
}
.mb-10{
    margin-bottom: 10px;
}

/* 供应链 */
.SuppC-toolbar{
    padding: 10px;
    background:rgba(187, 216, 241, 0.15);
    margin:10px 0px;
}
.SuppC-toolbar .title{
    display:inline-flex;
    line-height:5px;
    width: 100%;
    justify-content: space-between;
}
.SuppC-toolbar .title>div:nth-child(1){
    display: flex;
    align-items: center;
}
.SuppC-toolbar h2{
    font-weight: 100;
    font-size:1.3rem;
    line-height:36px;
    margin: 0 10px 0 0;
    display: inline-block;
}
.SuppC-toolbar .el-form-item{
    margin:0;
}

.SuppC-Money{
    position:relative
}
.SuppC-Money .el-input__inner{
    text-indent: 2em;
}
input::-webkit-outer-spin-button,            
input::-webkit-inner-spin-button{                
    -webkit-appearance: none !important; 
}
input[type="number"]{
    -moz-appearance:textfield
}
.SuppC-Money .iconfont{
    position: absolute;
    left: 10px;
    top: 40px;
}
.SuppC-common-icon{
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.SuppC-common-icon img{
    width:100%;
    height:100%;
    vertical-align:top;
}
.item-img{
    display: flex !important;
    padding: 3px 10px;
    align-items: center;
    line-height: 1.5;
    cursor: pointer;
}
.item-img img{
    width: 21px;
    height: 21px;
    display: block;
    vertical-align: middle;
    margin: 0 15px 0 0 !important;
}
.item-img .font{
    font-size:14px;
}
.SuppC-Nas-itemRight{
    float:right;
    margin-right:20px;
    display:flex;
    align-items:center;
    padding-top: 6px;
    height:50px;
}
.SuppC-nav-item {
    background: #efedd7;
    border: 1px solid #c0ccda;
    border-radius: 4px;
    padding: 5px 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.SuppC-Check-Popover span{
    color:#475669;
}
.SuppC-Check-Popover{
    font-size:14px;
}
.SuppC-Check-Popover hr{
    color:#99A9BF;
    margin:10px 0;
}
.SuppC-Check-Popover ul li{
    padding:5px 0;
    cursor:pointer;
    text-align:center;
}
.SuppC-Check-Popover ul li:hover{
    background:#E5E9F2;
}
.Searform .el-form-item__label{
    text-align-last: justify;
    margin-right:10px;
    margin-left:10px;
}
.form-content .el-form-item label{
    text-align-last: justify;
}
th.font-green{
    color:#1da75a;
}
.white input::-webkit-input-placeholder{
    color:#fff;
}
.min-w{
    min-width:60px; 
}
.Suppc-help-ul {
    text-align: center;
}
.Suppc-help-titleRed{
    text-align: center;
    color:#FF4949
}
.Suppc-help-titleGay{
    text-align: center;
    color:#8492A6
}
.Suppc-help-ul li{
    margin:10px 0 0 0;
    padding:5px 0 5px 0;
}
.Suppc-help-ul li:hover{
    background:#E5E9F2;
    cursor:pointer;
}
.Suppc-txtarea textarea{
    height:155px;
}
.Suppc-txtarea-min textarea{
    height:95px;
}